<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Tabs Integrations</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- font loading -->
    <link rel="stylesheet" type="text/css" href="style.css">
    <script src="dist/purify.min.js"></script>
</head>

<body>
    
    
    <article class="job-board">
        <div class="job-board__top">
            <div class="job-board-headline">
                <!-- icon -->
                <h2>Job board</h2>
            </div>
            <div class="job-board-description">
                Find a job you love!
            </div>
        </div>
        <header>
            <div class="tabs">
                <a id="tab1" name="all" href="#tab1">
                    New
                </a>
               <!-- more tabs -->
            </div>
        </header>
        <div class="tab-content-wrapper">
            <div id="tab1-content" class="tab-content">
            </div>
            <!-- more tab content -->
        </div>
    </article>
    <script src="script.js"></script>

</body>

</html>

